<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Collapse | Vueel UI</title>
    <meta name="generator" content="VuePress 1.8.2">
    <link rel="icon" href="/vueel-demo-website/images/favicon.png">
    <link rel="manifest" href="/vueel-demo-website/manifest.json">
    <link rel="apple-touch-icon" href="/vueel-demo-website/icons/apple-touch-icon-152x152.png">
    <link rel="mask-icon" href="/vueel-demo-website/icons/safari-pinned-tab.svg" color="#3eaf7c">
    <meta name="description" content="基于 Vue2.6 的UI">
    <meta name="theme-color" content="#3eaf7c">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-styles" content="black">
    <meta name="msapplication-TileImage" content="/icons/msapplication-icon-144x144.png">
    <meta name="msapplication-TileColor" content="#000000">
    
    <link rel="preload" href="/vueel-demo-website/assets/css/0.styles.43855190.css" as="style"><link rel="preload" href="/vueel-demo-website/assets/js/app.ee0db2f1.js" as="script"><link rel="preload" href="/vueel-demo-website/assets/js/69.468052a7.js" as="script"><link rel="preload" href="/vueel-demo-website/assets/js/5.e64b28c1.js" as="script"><link rel="preload" href="/vueel-demo-website/assets/js/73.df73e9b5.js" as="script"><link rel="prefetch" href="/vueel-demo-website/assets/js/1.08a4f81c.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/10.99fdd16f.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/11.e88ed0a0.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/12.5431bd17.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/13.2922f508.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/14.138c78bc.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/15.fb6ee4fb.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/16.52fed8e1.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/17.2ac575e0.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/18.3ae93454.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/19.fb21846d.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/2.e9e152f6.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/20.309a1708.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/21.cedd7dda.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/22.44578d98.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/23.9140b898.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/24.c50d0a99.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/25.8528d661.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/26.f12bb8c9.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/27.72060563.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/28.a5fa9d4e.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/29.1e34e58c.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/3.e6bf9b87.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/30.4227a53e.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/31.8da21b45.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/32.f51f6406.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/33.4d2fabce.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/34.1a056855.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/35.1b2152b6.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/36.96ca4c73.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/37.005863f3.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/38.b4b4d9ea.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/39.58f20c48.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/40.0da2661c.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/41.9655e2db.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/42.7a6f2470.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/43.9a1abe53.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/44.ce014289.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/45.79ec4f99.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/46.3e266fc9.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/47.12f464e5.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/48.e84403c9.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/49.e2d09d96.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/50.5c1125a8.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/51.34620447.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/52.fe979663.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/53.b9d5e4fe.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/54.3aabaa4d.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/55.f19776ea.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/56.01a94830.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/57.aaa3b13f.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/58.7ed4b11c.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/59.7fd4bb8c.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/6.ae46be53.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/60.5ba7534d.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/61.a0e352f9.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/62.09f56547.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/63.79c9117f.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/64.3e900df4.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/65.6d1bc686.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/66.19a5ad31.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/67.2dc0bd71.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/68.03a9c530.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/7.8eb248c5.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/70.365ad1e8.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/71.f12bfad9.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/72.52f86dde.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/74.705e10ba.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/75.e19f8499.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/76.fc684388.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/77.e113e78d.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/78.3e82ab88.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/79.727c20b9.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/8.520442ec.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/80.b0d50236.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/81.064fdb6f.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/82.7f2853c2.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/83.0ac1d43d.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/84.ce452c9c.js"><link rel="prefetch" href="/vueel-demo-website/assets/js/9.f9fd7943.js">
    <link rel="stylesheet" href="/vueel-demo-website/assets/css/0.styles.43855190.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/vueel-demo-website/" class="home-link router-link-active"><img src="/vueel-demo-website/images/Logo.jpg" alt="Vueel UI" class="logo"> <span class="site-name can-hide">Vueel UI</span></a> <div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/vueel-demo-website/" class="nav-link">
  首页
</a></div><div class="nav-item"><a href="/vueel-demo-website/introduction/" class="nav-link">
  介绍
</a></div><div class="nav-item"><a href="/vueel-demo-website/installation/" class="nav-link">
  起步
</a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/vueel-demo-website/" class="nav-link">
  首页
</a></div><div class="nav-item"><a href="/vueel-demo-website/introduction/" class="nav-link">
  介绍
</a></div><div class="nav-item"><a href="/vueel-demo-website/installation/" class="nav-link">
  起步
</a></div> <!----></nav>  <ul class="sidebar-links"><li><a href="/vueel-demo-website/introduction/" class="sidebar-link">UI 介绍</a></li><li><a href="/vueel-demo-website/installation/" class="sidebar-link">安装使用</a></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>组件</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/vueel-demo-website/components-docs/icon.html" class="sidebar-link">Icon</a></li><li><a href="/vueel-demo-website/components-docs/button.html" class="sidebar-link">Button</a></li><li><a href="/vueel-demo-website/components-docs/input.html" class="sidebar-link">Input</a></li><li><a href="/vueel-demo-website/components-docs/collapse.html" aria-current="page" class="active sidebar-link">Collapse</a></li><li><a href="/vueel-demo-website/components-docs/popover.html" class="sidebar-link">Popover</a></li><li><a href="/vueel-demo-website/components-docs/grid.html" class="sidebar-link">Grid</a></li><li><a href="/vueel-demo-website/components-docs/layout.html" class="sidebar-link">Layout</a></li><li><a href="/vueel-demo-website/components-docs/tab.html" class="sidebar-link">Tab</a></li><li><a href="/vueel-demo-website/components-docs/toast.html" class="sidebar-link">Toast</a></li><li><a href="/vueel-demo-website/components-docs/switch.html" class="sidebar-link">Switch</a></li></ul></section></li><li><a href="/vueel-demo-website/tech/" class="sidebar-link">技术栈</a></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h1 id="手风琴组件"><a href="#手风琴组件" class="header-anchor">#</a> 手风琴组件</h1> <hr> <p></p><div class="table-of-contents"><ul><li><a href="#使用方法">使用方法</a><ul><li><a href="#基本样式">基本样式</a></li><li><a href="#可禁用">可禁用</a></li><li><a href="#设置只展开单独一个面板">设置只展开单独一个面板</a></li></ul></li><li><a href="#属性列表">属性列表</a></li><li><a href="#示例应用-demo-combo">示例应用 Demo Combo</a></li></ul></div><p></p> <hr> <h2 id="使用方法"><a href="#使用方法" class="header-anchor">#</a> 使用方法</h2> <h3 id="基本样式"><a href="#基本样式" class="header-anchor">#</a> 基本样式</h3> <hr> <!----> <details class="custom-block details"><summary>点击查看代码</summary> <div class="language-vue line-numbers-mode"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse</span> <span class="token attr-name">:selectedArray</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>[<span class="token punctuation">'</span>第三项<span class="token punctuation">'</span>]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse-item</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>第一项<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>第一项<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse-item</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse-item</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>第二项<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>第二项<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse-item</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse-item</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>第三项<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>第三项<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse-item</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse-item</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>第四项<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>内容四<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse-item</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse-item</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>第五项<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>内容五<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse-item</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse</span><span class="token punctuation">&gt;</span></span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div></details> <hr> <h3 id="可禁用"><a href="#可禁用" class="header-anchor">#</a> 可禁用</h3> <hr> <!----> <details class="custom-block details"><summary>点击查看代码</summary> <div class="language-vue line-numbers-mode"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse</span> <span class="token attr-name">:selectedArray</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>[<span class="token punctuation">'</span>第二项<span class="token punctuation">'</span>,<span class="token punctuation">'</span>第三项<span class="token punctuation">'</span>]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse-item</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>第一项<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>第一项<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse-item</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse-item</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>第二项<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:isDisabled</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>true<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>第二项<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse-item</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse-item</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>第三项<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:isDisabled</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>true<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>第三项<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse-item</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse-item</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>第四项<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>内容四<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse-item</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse</span><span class="token punctuation">&gt;</span></span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br></div></div></details> <hr> <h3 id="设置只展开单独一个面板"><a href="#设置只展开单独一个面板" class="header-anchor">#</a> 设置只展开单独一个面板</h3> <hr> <!----> <details class="custom-block details"><summary>点击查看代码</summary> <div class="language-vue line-numbers-mode"><pre class="language-vue"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse</span> <span class="token attr-name">:onlyShowSingle</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>true<span class="token punctuation">&quot;</span></span>
              <span class="token attr-name">:selectedArray</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>[<span class="token punctuation">'</span>第二项<span class="token punctuation">'</span>]<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse-item</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>第一项<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>内容一<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse-item</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse-item</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>第二项<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>内容二<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse-item</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse-item</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>第三项<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>内容三<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse-item</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>vue-collapse-item</span> <span class="token attr-name">title</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>第四项<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>内容四<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse-item</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>vue-collapse</span><span class="token punctuation">&gt;</span></span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div></details> <hr> <h2 id="属性列表"><a href="#属性列表" class="header-anchor">#</a> 属性列表</h2> <blockquote><p>父组件 <code>&lt;vue-collapse&gt;&lt;/vue-collapse&gt;</code></p></blockquote> <table><thead><tr><th style="text-align:left;">参数</th> <th style="text-align:center;">说明</th> <th style="text-align:center;">类型</th> <th style="text-align:center;">可选值</th> <th style="text-align:left;">默认值</th></tr></thead> <tbody><tr><td style="text-align:left;">onlyShowSingle</td> <td style="text-align:center;">仅展示一项</td> <td style="text-align:center;">boolean</td> <td style="text-align:center;">true/false</td> <td style="text-align:left;">false</td></tr> <tr><td style="text-align:left;">selectedArray</td> <td style="text-align:center;">展开的项目</td> <td style="text-align:center;"><code>Array&lt;string&gt;</code></td> <td style="text-align:center;">-</td> <td style="text-align:left;"><code>[]</code></td></tr> <tr><td style="text-align:left;">itemsData</td> <td style="text-align:center;">自定义项目数据</td> <td style="text-align:center;"><code>Record&lt;string, any&gt;[]</code></td> <td style="text-align:center;">-</td> <td style="text-align:left;"><code>[]</code></td></tr></tbody></table> <blockquote><p>子组件 <code>&lt;vue-collapse-item&gt;&lt;/vue-collapse-item&gt;</code></p></blockquote> <table><thead><tr><th style="text-align:left;">参数</th> <th style="text-align:center;">说明</th> <th style="text-align:center;">类型</th> <th style="text-align:center;">可选值</th> <th style="text-align:left;">默认值</th></tr></thead> <tbody><tr><td style="text-align:left;">isDisabled</td> <td style="text-align:center;">是否禁用</td> <td style="text-align:center;">boolean</td> <td style="text-align:center;">true/false</td> <td style="text-align:left;">false</td></tr> <tr><td style="text-align:left;">title</td> <td style="text-align:center;">项目标题</td> <td style="text-align:center;">string</td> <td style="text-align:center;">任意字符串</td> <td style="text-align:left;">''</td></tr></tbody></table> <hr> <h2 id="示例应用-demo-combo"><a href="#示例应用-demo-combo" class="header-anchor">#</a> 示例应用 Demo Combo</h2> <hr></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">3/3/2022, 1:09:33 AM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="/vueel-demo-website/components-docs/input.html" class="prev">
        Input
      </a></span> <span class="next"><a href="/vueel-demo-website/components-docs/popover.html">
        Popover
      </a>
      →
    </span></p></div>  <!----></main></div><div class="global-ui"><!----></div></div>
    <script src="/vueel-demo-website/assets/js/app.ee0db2f1.js" defer></script><script src="/vueel-demo-website/assets/js/69.468052a7.js" defer></script><script src="/vueel-demo-website/assets/js/5.e64b28c1.js" defer></script><script src="/vueel-demo-website/assets/js/73.df73e9b5.js" defer></script>
  </body>
</html>
